$back_AA1: #aa171f;
$back_1E4: #1e48a6;

@mixin line-hight($number) {
    height: $number;
    line-height: $number;
}

@mixin pc_title_h1($gb1, $color1, $color2) {
    .title {
        margin: 0 auto;
        padding-top: 50px;
        font-size: 36px;
        font-family: STJTBZ;
        color: $color1;
        text-align: center;

        .text {
            @include line-hight(60px);
            width: auto;
            position: relative;
            display: inline-block;

            &::after,
            &::before {
                display: block;
                content: "";
                width: 20px;
                height: 6px;
                background: $gb1;
                position: absolute;
                top: 30px;
            }

            &::after {
                left: -30px;
            }

            &::before {
                right: -30px;
            }
        }

        p {
            font-size: 16px;
            color: $color2;
            opacity: 0.48;
        }
    }
}

@mixin title_h1($gb1, $color1, $color2) {
    .title {
        margin: 0 auto;
        padding-top: 0.5rem;
        font-size: 0.36rem;
        font-family: STJTBZ;
        color: $color1;
        text-align: center;

        .text {
            @include line-hight(0.6rem);
            width: auto;
            position: relative;
            display: inline-block;

            &::after,
            &::before {
                display: block;
                content: "";
                width: 0.2rem;
                height: 0.06rem;
                background: $gb1;
                position: absolute;
                top: 0.3rem;
            }

            &::after {
                left: -0.3rem;
            }

            &::before {
                right: -0.3rem;
            }
        }

        p {
            font-family: Microsoft YaHei;
            font-size: 0.16rem;
            color: $color2;
            opacity: 0.48;
        }
    }
}

@mixin bg($bg) {
    background: url("../../../../#{$bg}") 100% 100% no-repeat;
    background-size: cover;
}

@mixin middle() {
    margin: 0 auto;
}

@mixin home_lg() {
    .home {
        position: relative;

        //控制轮播图的大小
        .swiper_box {
            width: 100%;
            height: calc(100vh - 94px);
        }

        .swiping {
            width: 100%;
            height: calc(100vh - 94px);
        }

        .swiper_more {
            display: none;
        }

        .swiper-num {
            position: absolute;
            right: 98px;
            top: 86px;
            height: 992px;
            width: 10px;
            z-index: 10000;
            display: flex;
            align-items: center;
            align-content: center;
            flex-wrap: wrap;

            .swiper_number_slide {
                width: 8px;
                height: 8px;
                background: #fff;
                opacity: 0.23;
                border-radius: 50%;
                margin: 9px 0;
            }

            .swiper_number_slide_active {
                width: 8px;
                height: 8px;
                background: #fff;
                opacity: 0.23;
                border-radius: 50%;
                margin: 9px 0;
                opacity: 1;
            }
        }

        .about {
            @include pc_title_h1(#aa171f, #363434, #292929);
            background: #f8f8f8;
            height: auto;

            .box {
                display: flex;
                justify-content: space-between;
            }

            .introduce {
                max-width: 694px;
                height: 760px;
                margin-top: 55px;
                text-align: right;
                background: #ffffff;
                position: relative;

                .introduce_fan {
                    text-align: left;
                    display: inline-block;
                    max-width: 400px;
                    margin-right: 60px;
                    margin-left: 30px;
                }

                h3 {
                    box-sizing: border-box;
                    font-size: 30px;
                    color: #484646;
                    text-align: left;
                    margin-top: 112px;
                    font-weight: 400;
                }

                p {
                    box-sizing: border-box;
                    height: 140px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    font-size: 16px;
                    color: #a7a7a7;
                    line-height: 35px;
                    margin-top: 3px;
                    text-indent: 35px;
                }

                .more {
                    box-sizing: border-box;
                    margin-top: 30px;
                    font-size: 18px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    display: block;

                    span {
                        float: left;
                    }

                    .red_you {
                        float: left;
                        width: 52px;
                        height: 12px;
                        margin-top: 6px;
                        margin-left: 12px;
                        @include bg("assets/images/red_you.png");
                    }
                }

                .logo2 {
                    // float: left;
                    position: absolute;
                    bottom: 0%;
                    width: 100%;
                    height: 172px;
                    box-sizing: border-box;
                    // padding-left: 235px;
                    // padding-right: 60px;
                    background: #a9171f;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;

                    img {
                        //   display: block;
                        // width: 332px;
                        height: 57px;
                        //   margin: 0 auto;
                        // margin-top: 59px;
                        // margin-right: 142px;
                    }
                }
            }

            .point {
                // box-sizing: border-box;
                // padding-left: 236px;
                // padding-right: 60px;
                width: 390px;
                height: 211px;
                margin-top: 28px;
            }

            .details_nav {
                // max-width: 1224px;
                flex: 1;
                height: 760px;
                // float: left;
                position: relative;
                margin-top: 55px;
                @include bg("assets/images/about_bg.png");

                video {
                    display: block;
                    margin: 0 auto;
                    margin-top: 47px;
                    max-width: 100%;
                    height: 539px;
                    border: 1px solid #ccc;
                    position: relative;
                    z-index: 1;
                }

                .nav_list {
                    // width: 1024px;
                    position: relative;
                    z-index: 1;
                    margin: 0 auto;
                    height: 174px;

                    .swiper-container {
                        // max-width: 1024px;
                        width: 100%;
                        max-width: 1200px;
                    }

                    .prev {
                        background: url("http://fuwu.hantehulian.com/CeShiImg/ccc_zuo.png") no-repeat;
                        background-size: cover;
                        width: 60px;
                        height: 60px;
                        left: 60px;
                        cursor: pointer;

                        &::after {
                            content: "";
                        }
                    }

                    .next {
                        background: url("http://fuwu.hantehulian.com/CeShiImg/ccc_you.png") no-repeat;
                        background-size: cover;
                        // background-position: center;
                        // background-size: contain;
                        width: 60px;
                        height: 60px;
                        right: 60px;
                        cursor: pointer;

                        &::after {
                            content: "";
                        }
                    }

                    .swiper-slide {
                        height: 174px;
                    }

                    .slide_item {
                        transition: 2s;
                        // float: left;
                        // width: 255px;
                        height: 172px;
                        font-size: 0;
                        box-sizing: border-box;
                        position: relative;
                        display: block;

                        .icon {
                            position: absolute;
                            left: 50%;
                            top: 60px;
                            width: 60px;
                            height: 60px;
                            margin: 0 auto;
                            transform: translate(-50%, 0px);
                        }

                        p {
                            width: 100%;
                            position: absolute;
                            text-align: center;
                            top: 120px;
                            font-size: 18px;
                            font-family: Microsoft YaHei;
                            font-weight: 400;
                            color: #f4f4f4;
                        }
                    }

                    .slide_item:hover {
                        background: #a9171f;
                    }
                }
            }

            .about_base {
                width: 100%;
                // height: 1.13px;
                @include line-hight(113px);
                float: left;
                color: #1d1c1c;
                font-size: 16px;
                text-align: center;
                @include bg("assets/images/about_fff.png");

                i {
                    display: inline-block;
                    width: 14px;
                    height: 14px;
                    @include bg("assets/images/bottom_more_black.png");
                }
            }
        }

        .service {
            position: relative;
            width: 100%;
            height: 1080px;
            overflow: hidden;
            @include bg("assets/images/service_bg.jpg");
            @include pc_title_h1(#aa171f, #ffffff, #ffffff);

            .service_list {
                width: 100%;
                box-sizing: border-box;
                margin-top: 80px;
                border-top: 1px solid #c1c5cd;
                border-bottom: 1px solid #c1c5cd;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;

                // padding-left: 87px;
                .service_item {
                    width: 25%;
                    height: 400px;
                    display: block;
                    // float: left;
                    color: #fff;
                    font-size: 30px;
                    // border-bottom: 0.01px solid #c1c5cd;
                    position: relative;

                    .service_slide {
                        cursor: pointer;
                        transition: 1s;
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        height: 400px;
                        left: 0;
                        top: 0;
                        box-sizing: border-box;
                        padding-left: 87px;
                        // border-top: 0.01px solid #c1c5cd;
                        border-right: 1px solid #c1c5cd;

                        span {
                            margin-top: 150px;
                            display: inline-block;
                            @include line-hight(54px);
                            min-width: 34px;
                            border-bottom: 2px solid #fff;
                        }

                        p {
                            margin-top: 19px;
                        }

                        img {
                            width: 100%;
                            height: 100%;
                            display: none;
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            top: 0;
                            right: 0;
                            transition: 1s;
                            z-index: -1;
                        }

                        .service_slide_more {
                            display: none;
                            width: 100px;
                            // height: 0.15px;
                            @include line-hight(36px);
                            border: 0.01px solid #c1c5cd;
                            text-align: center;
                            transition: 1s;
                            font-size: 16px;
                            margin-top: 56px;
                        }
                    }

                    &:hover {
                        .service_slide {
                            position: absolute;
                            left: 0;
                            top: 0;
                            height: 800px;
                            border: none;
                            z-index: 10;
                            background-color: #aa171f;
                            box-sizing: border-box;
                            padding-left: 87px;
                            @include bg("assets/images/service_item_bg.png");

                            span {
                                margin-top: 251px;
                                display: inline-block;
                                // @include line-hight(0.4px);
                                min-width: 34px;
                                border-bottom: 2px solid #c1c5cd;
                            }

                            p {
                                width: 263px;
                                margin-top: 19px;
                                height: 80px;
                                border-bottom: 1px solid #c1c5cd;
                            }

                            img {
                                display: block;
                            }

                            .service_slide_more {
                                display: block;
                            }
                        }
                    }
                }

                .service_item2 {
                    width: 25%;
                    height: 400px;

                    float: left;
                    color: #fff;
                    font-size: 30px;

                    position: relative;

                    .service_slide {
                        transition: 1s;
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        height: 400px;
                        left: 0;
                        top: 0;
                        box-sizing: border-box;
                        padding-left: 87px;
                        border-top: 1px solid #c1c5cd;
                        border-right: 1px solid #c1c5cd;

                        span {
                            margin-top: 150px;
                            display: inline-block;
                            @include line-hight(54px);
                            min-width: 34px;
                            border-bottom: 2px solid #fff;
                        }

                        p {
                            margin-top: 19px;
                        }

                        img {
                            width: 100%;
                            height: 100%;
                            display: none;
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            top: 0;
                            right: 0;
                            transition: 1s;
                            z-index: -1;
                        }

                        .service_slide_more {
                            display: none;
                            width: 100px;
                            @include line-hight(36px);
                            border: 1px solid #c1c5cd;
                            text-align: center;
                            transition: 1s;
                            font-size: 16px;
                            margin-top: 56px;
                        }
                    }

                    &:hover {
                        .service_slide {
                            @include bg("assets/images/service_item_bg.png");
                            // background-image: "../../../../assets/images/service_item_bg.png";
                            position: absolute;
                            left: 0;
                            top: 0;
                            height: 800px;
                            border: none;
                            z-index: 10;
                            background-color: #aa171f;

                            span {
                                margin-top: 251px;
                                display: inline-block;
                                @include line-hight(54px);
                                min-width: 34px;
                                border-bottom: 2px solid #c1c5cd;
                            }

                            p {
                                width: 263px;
                                margin-top: 19px;
                                height: 80px;
                                border-bottom: 1px solid #c1c5cd;
                            }

                            img {
                                display: block;
                            }

                            .service_slide_more {
                                display: block;
                            }
                        }
                    }

                    &:hover {
                        .service_slide {
                            top: -400px;
                        }
                    }

                    .more {
                        display: none;
                    }
                }

                .service_item:nth-child(4n + 4) {
                    border-right: none;
                }

                .more {
                    position: absolute;
                    bottom: 0;
                    font-size: 0;
                    color: #fff;
                    display: block;
                    left: 0;
                    width: 100%;
                    text-align: center;
                    @include line-hight(80px);

                    span {
                        font-size: 16px;
                    }

                    i {
                        display: inline-block;
                        width: 14px;
                        height: 14px;
                        margin-left: 12px;
                        @include bg("assets/images/bottom_more_white.png");
                    }
                }
            }
        }

        .global {
            @include pc_title_h1(#aa171f, #363434, #292929);
            width: 100%;
            box-sizing: border-box;
            height: 1080px;
            padding-bottom: 100px;
            position: relative;

            .global_search {
                position: absolute;
                top: 43px;
                left: 50%;
                top: 150px;
                transform: translate(-50%, 0);
                width: 770px;
                @include line-hight(77px);
                margin: 0 auto;
                font-size: 0;
                z-index: 100;
                // margin-top: 0.43px;

                .global_select {
                    width: 100%;
                    height: 100%;
                    background: rgba($color: #000000, $alpha: 0.45);
                }

                input {
                    // width: 100%;
                    // height: 100%;
                    // background: rgba($color: #000000, $alpha: 0.45);
                    border: none;
                    // box-sizing: border-box;
                    // padding: 0 0.2px;
                }

                input:focus {
                    outline: none;
                    border: none;
                }
            }

            .global_box {
                max-width: 1200px;
                // width: 100%;
                height: 824px;
                margin: 0 auto;
                margin-top: 10px;
                position: relative;
                border: 1px solid #ccc;
                @include bg("assets/images/global_bg.png");
                position: relative;

                .global_item {
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    border: 1px solid #484646;
                    border-radius: 50%;
                }

                .shanghai {
                    left: 580px;
                    top: 395px;
                }

                .xuzhou {
                    left: 560px;
                    top: 365px;
                }

                .beijing {
                    left: 555px;
                    top: 330px;
                }
            }

            .more {
                position: absolute;
                bottom: 0;
                font-size: 0;
                color: #1d1c1c;
                display: block;
                left: 0;
                width: 100%;
                text-align: center;
                @include line-hight(113px);

                span {
                    font-size: 16px;
                }

                i {
                    display: inline-block;
                    width: 14px;
                    height: 14px;
                    margin-left: 12px;
                    @include bg("assets/images/bottom_more_black.png");
                }
            }
        }

        .honor {
            width: 100%;
            height: 1080px;
            box-sizing: border-box;
            padding: 0 .3rem;
            position: relative;
            @include pc_title_h1(#aa171f, #ffffff, #ffffff);
            @include bg("assets/images/honor_bg.jpg");

            .honor_list {
                position: absolute;
                left: 50%;
                transform: translate(-50%, 0);
                max-width: 1200px;
                margin-top: 60px;

                .swiper-container {
                    --swiper-theme-color: #aa171f;
                }

                .prev {
                    left: -50px;
                    color: #fff;
                    outline: none;
                    // outline-color:#aa171f;
                }

                .next {
                    right: -50px;
                    color: #fff;
                    outline: none;
                    // outline-color:#aa171f;
                }

                .swiper-slide {
                    width: 346px;
                }

                .honor_item {
                    display: block;
                    width: 100%;
                    // box-sizing: border-box;
                    // padding: 0 10px;
                    font-size: 0;

                    img {
                        width: 100%;
                        // height: 3.4px;
                    }

                    .imgBox {
                        width: 100%;
                        height: 260px;
                        background-size: cover;
                        background-position: center;
                    }

                    p {
                        font-size: 24px;
                        box-sizing: border-box;
                        padding: 30px 34px;
                        text-align: center;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        background: #fff;
                    }
                }
            }

            .honor_time {
                position: absolute;
                left: 50%;
                top: 700px;
                transform: translate(-50%, 0);
                max-width: 1477px;

                .swiper-slide {
                    width: 140px;
                }

                .honor_item {
                    height: 100%;
                }

                .swiper-container {
                    padding: 0 20px;
                    height: 150px;
                }

                .round {
                    position: absolute;
                    left: -9px;
                    top: 75px;
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                    background: rgba($color: #aa171f, $alpha: 0.4);

                    &::after {
                        content: "";
                        display: block;
                        position: absolute;
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                        left: 50%;
                        top: 50%;
                        margin-left: -5px;
                        margin-top: -5px;
                        background: #aa171f;
                    }
                }

                img {
                    width: 100%;
                    display: block;
                    margin-top: 50px;
                    // height: 340px;
                }

                p {
                    padding-top: 20px;
                    position: absolute;
                    left: -20px;
                    /* top: 0px; */
                    font-size: 24px;
                    color: #fff;
                    // box-sizing: border-box;
                    // padding: 0.3px 0.34px;
                    // text-align: center;
                    // overflow: hidden;
                    // text-overflow: ellipsis;
                    // white-space: nowrap;
                    // background: #fff;
                }

                .prev {
                    left: -50px;
                }

                .next {
                    right: -50px;
                }
            }

            .more {
                position: absolute;
                bottom: 0;
                font-size: 0;
                color: #fff;
                display: block;
                left: 0;
                width: 100%;
                text-align: center;
                @include line-hight(113px);

                span {
                    font-size: 16px;
                }

                i {
                    display: inline-block;
                    width: 14px;
                    height: 14px;
                    margin-left: 12px;
                    @include bg("assets/images/bottom_more_white.png");
                }
            }
        }

        .activity {
            @include pc_title_h1(#aa171f, #363434, #292929);
            width: 100%;
            height: 970px;
            position: relative;
            @include bg("assets/images/activity_bg.png");

            .activity_box {
                max-width: 1200px;
                // height: 666px;
                margin: 0 auto;
                margin-top: 60px;
                display: flex;
                justify-content: flex-start;

                .activity_tu {
                    // float: left;
                    width: 100%;
                    height: 666px;
                    position: relative;
                    @include middle;

                    .activity_tu_bg {
                        width: 100%;
                        height: 100%;
                    }

                    // @include bg("assets/images/activity_tu.png");
                    .activity_info {
                        position: absolute;
                        bottom: 0;
                        font-size: 30px;
                        color: #fff;
                        width: 100%;
                        display: flex;
                        align-items: flex-end;

                        .activity_text {
                            // width: 100%;
                            flex: 1;
                            margin-top: 33px;
                            // float: left;
                            // width: 667px;
                            height: 98px;
                            box-sizing: border-box;
                            padding: 30px 48px 30px 28px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            background: rgba(0, 0, 0, 0.23);
                        }

                        .activity_time {
                            // float: left;
                            width: 172px;
                            height: 131px;
                            background: #aa171f;
                            text-align: center;

                            span {
                                display: inline-block;
                                width: 100%;
                                // width: 1px;
                                @include line-hight(75px);
                                font-size: 40px;
                                position: relative;

                                &::after {
                                    content: "";
                                    position: absolute;
                                    left: 50%;
                                    bottom: 0;
                                    transform: translate(-50%, 0);
                                    width: 100px;
                                    height: 1px;
                                    background: #c1c5cd;
                                }
                            }

                            div {
                                margin-top: 19px;
                                // @include line-hight(40px);
                                font-size: 24px;
                            }
                        }
                    }
                }

                .activity_signUp {
                    // float: left;
                    // width: 450px;
                    flex: 1;
                    height: 666px;
                    // position: relative;
                    @include bg("assets/images/signUp_bg.png");
                    display: flex;
                    flex-wrap: wrap;
                    flex-direction: column;

                    h3 {
                        color: #aa171f;
                        font-size: 36px;
                        text-align: center;
                        width: 100%;
                        box-sizing: border-box;
                        padding-top: 54px;
                        padding-bottom: 20px;
                    }

                    .input_item {
                        width: 100%;
                        box-sizing: border-box;
                        padding-right: 38px;
                        padding-left: 35px;

                        // padding-bottom: 30px;
                        span {
                            width: 102px;
                            // display: inline-block;
                            box-sizing: border-box;
                            padding-right: 20px;
                            text-align: right;
                            @include line-hight(60px);
                            font-size: 18px;
                            color: #696969;
                            float: left;
                        }

                        input {
                            box-sizing: border-box;
                            padding-left: 10px;
                            float: left;
                            border: none;
                            background: #f8f8f8;
                            @include line-hight(60px);
                            width: 400px;
                        }
                    }

                    .submit {
                        cursor: pointer;
                        background: #aa171f;
                        color: #fff;
                        font-size: 24px;
                        width: auto;
                        @include line-hight(60px);
                        text-align: center;
                        // box-sizing: border-box;
                        // margin-left: 120px;
                        border-radius: 4px;
                        margin: 0 35px;
                        margin-top: 20px;
                    }

                    p {
                        font-size: 18px;
                        color: #414141;
                        margin-left: 35px;
                        margin-right: 38px;
                        margin-top: 20px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                }
            }

            .more {
                position: absolute;
                bottom: 0;
                font-size: 0;
                color: #1d1c1c;
                display: block;
                left: 0;
                width: 100%;
                text-align: center;
                @include line-hight(113px);

                span {
                    font-size: 16px;
                }

                i {
                    display: inline-block;
                    width: 14px;
                    height: 14px;
                    margin-left: 12px;
                    @include bg("assets/images/bottom_more_black.png");
                }
            }
        }

        .news {
            background-color: #fff;
            @include pc_title_h1(#aa171f, #363434, #292929);
            @include bg("assets/images/news_bg.png");
            width: 100%;
            height: 1050px;
            position: relative;

            .news_box {
                // max-width: 1200px;
                height: 810px;
                margin: 0 auto;
                margin-top: 60px;
                display: flex;
                justify-content: flex-start;

                .news_box_left {
                    // float: left
                    width: 400px;

                    height: 810px;
                    // margin: 25px 0;
                    position: relative;
                    @include bg("assets/images/point2.png");
                    background-color: #eaeaea;

                    .news_options {
                        width: calc(100% - 80px);
                        position: absolute;
                        right: 0;
                        top: 87px;

                        .news_options_item {
                            cursor: pointer;
                            height: 212px;
                            line-height: 212px;
                            text-align: center;
                            font-size: 30px;
                            color: #fff;
                            transition: 1s;
                            background: rgba($color: #2b2b2b, $alpha: 0.6);

                            &:hover {
                                background: #aa171f;
                            }

                            .item {
                                display: inline-block;

                                img {
                                    width: 50px;
                                    height: 50px;
                                    float: left;
                                    margin-top: 85px;
                                    margin-right: 13px;
                                }

                                div {
                                    float: left;
                                }
                            }
                        }

                        .news_options_item_active {
                            background: #aa171f;
                        }
                    }
                }

                .news_box_right {
                    // float: left;
                    // max-width: 1100px;
                    flex: 1;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: flex-start;

                    .news_box_right_silide {
                        cursor: pointer;
                        // float: left;
                        width: 50%;
                        overflow: hidden;
                        height: 405px;
                        box-sizing: border-box;
                        padding-top: 79px;
                        background: #fff;
                        display: flex;
                        justify-content: flex-start;
                        position: relative;

                        .slide_left {
                            // float: left;
                            width: 134px;
                            padding: 0 20px;
                            height: 100%;
                            text-align: center;

                            h3 {
                                font-size: 48px;
                                color: #1d1c1c;
                            }

                            i {
                                display: block;
                                width: 20px;
                                height: 20px;
                                margin: 0 auto;
                                margin-top: 17px;
                                background: #aa171f;
                            }

                            p {
                                margin-top: 11px;
                                font-size: 14px;
                                color: #8f8d8d;
                            }
                        }

                        .slide_right {
                            transition: 1s;
                            // width: 456px;
                            padding-right: 20px;
                            width: auto;
                            flex: 1;
                            height: 100%;

                            // float: left;
                            h4 {
                                // max-width: 370px;
                                font-size: 18px;
                                // color: 0.18px; //?  怎么是个数字
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 1;
                                overflow: hidden;
                            }

                            p {
                                // max-width: 370px;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 3;
                                overflow: hidden;
                                font-size: 16px;
                                color: #676363;
                                margin-top: 30px;
                            }

                            .mobile_time {
                                display: none;
                            }

                            .item_more {
                                width: 98px;
                                height: 42px;
                                line-height: 42px;
                                text-align: center;
                                font-size: 16px;
                                color: #585757;
                                margin-top: 40px;
                                border: 1px solid #dedede;
                            }
                        }

                        &::before {
                            content: "";
                            position: absolute;
                            left: 0;
                            bottom: 0;
                            display: block;
                            width: 100%;
                            height: 1px;
                            background: #eeeeee;
                            transform: scaleY(0.5);
                        }

                        &:nth-child(2n + 2)::after {
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 0;
                            display: block;
                            width: 1px;
                            height: 100%;
                            background: #eeeeee;
                            transform: scaleX(0.5);
                        }

                        &:hover {
                            transform: 1s;
                            // border-radius: 8px;
                            background: #aa171f;

                            .slide_left {
                                h3 {
                                    color: #fff;
                                }

                                i {
                                    background: #dedede;
                                }

                                p {
                                    color: #e2e2e2;
                                }
                            }

                            .slide_right {
                                h4 {
                                    color: #f1eaea;
                                }

                                p {
                                    color: #c6c2c2;
                                }

                                .mobile_time {
                                    display: none;
                                }

                                .item_more {
                                    color: #dedede;
                                    border: 1px solid #dedede;
                                }
                            }
                        }
                    }
                }

                .news_box_right2 {
                    // float: left;
                    // max-width: 1100px;
                    flex: 1;
                    flex-wrap: wrap;
                    justify-content: flex-start;

                    .news_box_right_silide {
                        cursor: pointer;
                        // float: left;
                        overflow: hidden;
                        box-sizing: border-box;
                        background: #fff;
                        position: relative;
                        width: 100%;
                        height: 200px;
                        padding-top: 3px;

                        &:hover {
                            color: #fff;
                            // border-radius: 8px;
                            background: #aa171f;

                            .slide_item {
                                p {
                                    color: #fff;
                                }

                                h4 {
                                    color: #fff;
                                }
                            }
                        }

                        .slide_item {
                            width: 100%;
                            box-sizing: border-box;
                            padding: 0 24px;

                            h4 {
                                color: #aa171f;
                                font-size: 18px;
                                margin-top: 2px;
                            }

                            p {
                                font-size: 16px;
                                // color: #f4f4f4;
                                margin-top: 30px;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 6;
                                overflow: hidden;
                            }
                        }
                    }
                }
            }

            .more {
                background-color: #fff;
                position: absolute;
                bottom: 0;
                font-size: 0;
                color: #1d1c1c;
                display: block;
                left: 0;
                width: 100%;
                text-align: center;
                @include line-hight(80px);

                span {
                    font-size: 16px;
                }

                i {
                    display: inline-block;
                    width: 14px;
                    height: 14px;
                    margin-left: 12px;
                    @include bg("assets/images/bottom_more_black.png");
                }
            }
        }

        .contact {
            @include pc_title_h1(#aa171f, #ffffff, #ffffff);
            @include bg("assets/images/contact_bg.jpg");
            width: 100%;
            // height: 5.1px;
            position: relative;
        
            .select {
                display: flex;
                align-items: center;
                .el-select {
                    width: 100%;
                }
            }

            .contact_box {
                max-width: 1200px;
                padding: 50px 0;
                margin: 0 auto;
                height: 160px;
                display: grid;
                grid-template-rows: repeat(2, 1fr);
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 30px 20px;
 
                
                .contact_left_item {
                    width: 100%;
                    color: #e9e9e9;
                    font-size: 16px;
                    display: flex;
                    align-items: center;

                    img {
                        width: 34px;
                        height: 34px;
                        // float: left;
                    }

                    div {
                        // float: left;
                        width: calc(100% - 50px);
                        padding-left: 15px;
                        // @include line-hight(30px);
                        // margin-bottom: 50px;
                        // overflow: hidden;
                        // text-overflow: ellipsis;
                        // white-space: nowrap;
                    }
                }

                .contact_right {
                    width: 750px;
                    // float: left;
                    display: flex;
                    justify-content: flex-start;
                    color: #ababab;

                    .right1 {
                        width: 298px;
                        // float: left;

                        .contact_right_slide {
                            width: 298px;
                            @include line-hight(52px);
                            // float: left;
                            font-size: 14px;
                            margin-bottom: 16px;

                            span {
                                display: none;
                            }

                            input {
                                color: #fff;
                                background: rgba($color: #fff, $alpha: 0.08);
                                width: 100%;
                                height: 100%;
                                border: 1px solid #ccc;
                                box-sizing: border-box;
                                padding-left: 15px;
                            }
                        }
                    }

                    .right2 {
                        width: 438px;
                        // float: left;
                        margin-left: 10px;

                        .contact_right_text {
                            float: left;
                            width: 438px;
                            height: 120px;
                            box-sizing: border-box;
                            padding-left: 18px;
                            padding-top: 19px;
                            font-size: 14px;
                            background: rgba($color: #fff, $alpha: 0.08);
                        }

                        .textarea {
                            textarea {
                                color: #fff;
                            }

                            span {
                                display: none;
                            }
                        }

                        .submit {
                            cursor: pointer;
                            margin-top: 18px;
                            width: 436px;
                            @include line-hight(52px);
                            background: #aa171f;
                            font-size: 24px;
                            color: #fff;
                            float: left;
                            text-align: center;
                            border-right: 4px;
                        }
                    }
                }
            }
        }
    }
}

@mixin home_md {
    .home {
        position: relative;

        .swiping {
            width: 100%;
            height: calc(100vh - 0.88rem);

            .swiper-pagination {
                display: none;
            }
        }

        .swiper-num {
            display: none;
        }

        .swiper_more {
            height: 1.23rem;
            display: flex;
            flex-direction: column;
            font-size: 0.24rem;
            color: #fff;
            position: absolute;
            left: 50%;
            transform: translate(-50%, 0);
            top: calc(100vh - 2.1rem);
            z-index: 99;

            img {
                width: 0.3rem;
                height: 0.46rem;
                margin: 0 auto;
                animation: mobile_more 1s infinite;
            }

            p {
                margin-top: 0.24rem;
            }
        }

        .about {
            @include title_h1(#aa171f, #363434, #292929);
            position: relative;
            min-height: 10.53rem;

            .box {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                padding: 0 .3rem;
            }

            .introduce {
                order: 1;
                width: 100%;
                padding-bottom: .5rem;
                // display: block;
                // position: absolute;
                // top: 7.68rem;
                margin-top: .5rem;

                .introduce_fan {
                    width: 100%;
                }

                h3 {
                    display: none;
                }

                p {
                    line-height: 30px;
                    height: 150px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 5;
                    overflow: hidden;
                    color: #333333;
                    font-size: 0.28rem;
                    box-sizing: border-box;
                    padding: 0 0.32rem;
                    text-indent: 0.5rem;
                }

                .more {
                    width: auto;
                    color: #000;
                    font-size: 0;
                    text-align: center;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    padding-top: 0.46rem;
                    margin: 0 auto;
                    display: block;

                    span {
                        font-size: 0.24rem;
                    }

                    .red_you {
                        display: inline-block;
                        width: 0.2rem;
                        height: 0.2rem;
                        margin-left: 0.08rem;
                        @include bg("assets/images/more_mobal.png");
                    }
                }

                .point {
                    display: none;
                }
            }

            .logo2 {
                display: none;
            }

            .about_base {
                display: none;
            }

            .details_nav {

                width: 100%;
                // height: 5.46rem;
                margin: 0 auto;
                margin-top: 0.44rem;
                text-align: center;
                @include bg("assets/images/about_bg_Mobile.png");

                video {
                    width: 100%;
                    // width: 6.27rem;
                    height: auto;
                    margin-top: 0.33rem;
                    background: #000;
                }

                .nav_list {
                    width: 100%;
                    font-size: 0.28rem;
                    color: #fff;
                    position: relative;

                    .swiper-container {
                        // width: 6.27rem;
                        margin: 0 auto;
                    }

                    img {
                        width: 0.6rem;
                        height: 0.6rem;
                    }

                    .prev {
                        left: 0;
                    }

                    .next {
                        right: 0;
                    }

                    .prev,
                    .next {
                        &::after {
                            font-size: 0.36rem;
                            color: #fff;
                        }
                    }

                    .swiper-container {
                        height: 1.8rem;
                        // display: flex;
                        // align-items: center;
                    }

                    .slide_item {
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-items: center;
                        align-items: center;

                        p {
                            margin-top: .2rem;
                            color: #fff;
                        }
                    }
                }
            }
        }

        .service {
            width: 100%;
            height: 9.66rem;
            position: relative;
            @include bg("assets/images/service_bg_mobile.jpg");
            @include title_h1(#aa171f, #ffffff, #ffffff);

            .service_list {
                border-top: 0.01rem solid #ffffff;
                width: 100%;

                // &:nth-child(2n + 2) .service_item_modile {
                //     border-left: 0.01rem solid #fff;
                // }
                .service_item_modile {
                    font-size: 0.3rem;
                    color: #fff;
                    width: 50%;
                    box-sizing: border-box;
                    float: left;
                    height: 2.43rem;
                    padding-left: 0.6rem;
                    border-bottom: 0.01rem solid #fff;

                    .service_slide {
                        height: auto;

                        .more {
                            display: none;
                        }

                        p {
                            padding-top: 0.35rem;
                        }

                        .service_slide_more {
                            display: none;
                        }

                        span {
                            position: relative;
                            display: block;
                            margin-top: 0.7rem;

                            &::after {
                                position: absolute;
                                left: 0;
                                bottom: -0.15rem;
                                content: "";
                                display: block;
                                width: 0.25rem;
                                height: auto;
                                border-bottom: 0.01rem solid #fff;
                                background: #fff;
                            }
                        }
                    }
                }

                .more {
                    width: auto;
                    font-size: 0.3rem;
                    padding: 0.15rem 0.2rem;
                    color: #fff;
                    box-sizing: border-box;
                    display: block;
                    margin: 0 auto;
                    margin-top: .3rem;
                    border-radius: 0.08rem;

                    // background: #aa171f;
                    span {
                        display: inline-block;
                    }

                    i {
                        display: inline-block;
                        width: .4rem;
                        height: .4rem;
                        @include bg("assets/images/bottom_more_white.png");
                    }
                }
            }
        }

        .global {
            @include title_h1(#aa171f, #363434, #292929);

            .title {
                width: 6.04rem;

                p {
                    text-align: center;
                }
            }

            .global_search {
                position: relative;
                @include line-hight(0.77rem);
                font-size: 0;
                padding: 0 0.3rem;
                position: absolute;
                font-size: 0;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                z-index: 10000;
                left: 50%;
                transform: translate(-50%, 10px);
                width: 6.4rem;

                .global_select {
                    width: 100%;
                    height: 100%;
                    background: rgba($color: #000000, $alpha: 0.45);
                }

                input {
                    width: 100%;
                    height: 100%;
                    background: rgba($color: #000000, $alpha: 0.45);
                    border: none;
                    box-sizing: border-box;
                    padding: 0 0.2rem;
                }

                input:focus {
                    outline: none;
                    border: none;
                }
            }

            .global_box {
                width: 100%;
                height: 6rem;
                margin: 0 auto;
                margin-top: 0.1rem;
                position: relative;
                box-sizing: border-box;
                padding: 0 0.1rem;

                border: 0.01rem solid #ccc;

                // border-right: 0.01rem  solid #ececec;
                .global_box_bg {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: -0.1rem;
                    @include bg("assets/images/global_bg.png");
                }
            }

            .more {
                // position: absolute;
                // bottom: 0;
                font-size: 0;
                color: #000;
                display: block;
                left: 0;
                width: 100%;
                margin: 0 auto;
                text-align: center;
                @include line-hight(1.13rem);

                span {
                    font-size: 0.24rem;
                }

                i {
                    display: inline-block;
                    width: 0.2rem;
                    height: 0.2rem;
                    margin-left: 0.12rem;
                    @include bg("assets/images/bottom_more_black.png");
                }

                // display: none;
            }
        }

        .honor {
            width: 100%;
            height: 8.53rem;
            @include title_h1(#aa171f, #ffffff, #ffffff);
            @include bg("assets/images/honor_mobile_bg.jpg");

            .honor_list {
                width: 100%;
                box-sizing: border-box;
                padding: 0 0.9rem;
                margin-top: 0.6rem;
                position: relative;

                .swiper-slide {

                    width: 3.46rem;

                }

                .prev {
                    display: none;
                }

                .next {
                    display: none;
                }

                .honor_item {
                    display: block;
                    width: 100%;
                    // box-sizing: border-box;
                    // padding: 0 10px;
                    font-size: 0;

                    img {
                        width: 100%;
                        height: 2.71rem;
                    }

                    .imgBox {
                        width: 100%;
                        height: 2.6rem;
                        background-size: cover;
                        background-position: center;
                    }

                    p {
                        @include line-hight(0.6rem);
                        font-size: 0.24rem;
                        box-sizing: border-box;
                        padding: 0.18;
                        text-align: center;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        background: #fff;
                    }
                }
            }

            .honor_time {
                position: relative;
                left: 50%;
                top: 0.5rem;
                transform: translate(-50%, 0);
                width: 100%;
                box-sizing: border-box;
                padding: 0 0.9rem;

                .swiper-slide {
                    width: 20% !important;
                }

                .honor_item {
                    height: 100%;
                }

                .swiper-container {
                    padding: 0 0.2rem;
                    height: 1.5rem;
                }

                .round {
                    position: absolute;
                    left: -0.09rem;
                    top: 0.75rem;
                    width: 0.2rem;
                    height: 0.2rem;
                    border-radius: 50%;
                    background: rgba($color: #aa171f, $alpha: 0.4);

                    &::after {
                        content: "";
                        display: block;
                        position: absolute;
                        width: 0.1rem;
                        height: 0.1rem;
                        border-radius: 50%;
                        left: 50%;
                        top: 50%;
                        margin-left: -0.05rem;
                        margin-top: -0.05rem;
                        background: #aa171f;
                    }
                }

                img {
                    width: 100%;
                    display: block;
                    margin-top: 0.5rem;
                }

                p {
                    padding-top: 0.2rem;
                    position: absolute;
                    left: -0.2rem;
                    font-size: 0.24rem;
                    color: #fff;
                }

                .prev {
                    left: 0;
                }

                .next {
                    right: 0;
                }

                .prev,
                .next {

                    // left: -0.5rem;
                    &::after {
                        color: #fff;
                        font-size: 0.16rem;
                    }
                }
            }

            .more {
                font-size: 0;
                color: #fff;
                display: block;
                left: 0;
                width: 100%;
                margin: 0 auto;
                text-align: center;
                @include line-hight(1.13rem);

                span {
                    font-size: 0.24rem;
                }

                i {
                    display: inline-block;
                    width: 0.2rem;
                    height: 0.2rem;
                    margin-left: 0.12rem;
                    @include bg("assets/images/bottom_more_white.png");
                }
            }
        }

        .activity {
            width: 100%;
            // height: 12.44rem;
            position: relative;
            padding-bottom: 2rem;
            @include title_h1(#aa171f, #363434, #292929);
            @include bg("assets/images/activity_mobile_bg.png");

            .activity_box {
                width: 100%;
                // height: 666px;
                margin: 0 auto;
                margin-top: 0.6rem;
                box-sizing: border-box;
                padding: 0 0.3rem;

                .activity_tu {
                    // float: left;
                    width: 100%;
                    height: 8rem;
                    position: relative;

                    // @include bg("assets/images/activity_tu.png");
                    .activity_tu_bg {
                        width: 100%;
                        height: 100%;
                    }

                    .activity_info {
                        position: absolute;
                        bottom: 0;
                        width: 100%;
                        font-size: 0.3rem;
                        color: #fff;
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;

                        .activity_text {
                            // margin-top: 0.33rem;
                            flex: 1;
                            // float: left;
                            width: calc(100% - 1.72rem);
                            height: 1.5rem;
                            line-height: 0.9rem;
                            // @include line-hight(1.5rem);
                            box-sizing: border-box;
                            padding: 0.3rem 0.2rem;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            background: rgba(0, 0, 0, 0.23);
                        }

                        .activity_time {
                            // float: left;
                            // position: absolute;
                            // right: 0;
                            // bottom: 0;
                            width: 1.72rem;
                            height: 1.5rem;
                            background: #aa171f;
                            text-align: center;

                            span {
                                display: inline-block;
                                width: 1rem;
                                @include line-hight(0.75rem);
                                font-size: 0.26rem;
                                border-bottom: 0.01rem solid #c1c5cd;
                            }

                            div {
                                @include middle();
                                margin-top: 0.19rem;
                                // @include line-hight(40px);
                                font-size: 0.3rem;
                            }
                        }
                    }
                }

                .activity_signUp {
                    // float: left;
                    width: 100%;
                    height: 6.66rem;
                    position: relative;
                    @include bg("assets/images/signUp_bg.png");

                    h3 {
                        color: #aa171f;
                        font-size: 0.36rem;
                        text-align: center;
                        width: 100%;
                        box-sizing: border-box;
                        padding-top: 0.8rem;
                        padding-bottom: 0.61rem;
                    }

                    .input_item {
                        width: 100%;
                        box-sizing: border-box;
                        // padding-right: 0.38rem;
                        // padding-left: 0.35rem;
                        // padding-bottom: 0.3rem;
                        padding: .2rem .35rem;
                        display: flex;
                        justify-content: flex-start;
                        align-items: flex-start;

                        span {
                            width: 1.5rem;
                            // display: inline-block;
                            box-sizing: border-box;
                            padding-right: 0.2rem;
                            text-align: right;
                            @include line-hight(0.6rem);
                            font-size: 0.26rem;
                            color: #696969;
                            // float: left;
                        }

                        input {
                            flex: 1;
                            // width: calc(100% - 1.1rem);
                            // float: left;
                            border: none;
                            background: #f8f8f8;
                            @include line-hight(0.9rem);
                        }
                    }

                    .submit {
                        cursor: pointer;
                        background: #aa171f;
                        color: #fff;
                        font-size: 0.28rem;
                        width: 5rem;
                        margin: 0 auto;
                        @include line-hight(0.8rem);
                        text-align: center;
                        // box-sizing: border-box;
                        // margin-left: 1.4rem;
                        border-radius: 0.04rem;
                    }

                    p {
                        font-size: .18rem;
                        color: #414141;
                        margin-left: .5rem;
                        // margin-right: .38rem;
                        margin-top: .2rem;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 1;
                        overflow: hidden;
                    }
                }
            }

            .more {
                position: absolute;
                bottom: 0.2rem;
                font-size: 0;
                color: #000;
                display: block;
                left: 0;
                width: 100%;
                margin: 0 auto;
                text-align: center;
                @include line-hight(1.13rem);

                span {
                    font-size: 0.24rem;
                }

                i {
                    display: inline-block;
                    width: 0.2rem;
                    height: 0.2rem;
                    margin-left: 0.12rem;
                    @include bg("assets/images/bottom_more_black.png");
                }
            }
        }

        .news {
            @include title_h1(#aa171f, #363434, #292929);

            .news_box {
                width: 100%;
                box-sizing: border-box;
                padding: 0 .3rem;

                .news_box_left {
                    background: none;
                    width: 100%;
                    padding: 0 0.3rem;
                    box-sizing: border-box;

                    .news_options {
                        width: 100%;
                        height: 1.28rem;
                        display: flex;
                        justify-content: space-around;
                        align-items: center;

                        .news_options_item {
                            width: 1.5rem;
                            @include line-hight(0.5rem);
                            font-size: 0.3rem;
                            color: #333333;
                            border: 0.01rem solid #b1b1b1;
                            text-align: center;

                            img {
                                display: none;
                            }
                        }

                        .news_options_item_active {
                            background: #aa171f;
                            color: #fff;
                        }
                    }
                }

                .news_box_right {
                    .news_box_right_silide {
                        background: #f8f8f8;
                        margin-bottom: 0.2rem;
                        box-sizing: border-box;

                        .slide_left {
                            display: none;
                        }

                        .slide_right {
                            padding: 0 0.3rem;
                            box-sizing: border-box;

                            h4 {
                                @include line-hight(1.05rem);
                                font-size: 0.3rem;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }

                            p {
                                font-size: 0.24rem;
                                height: 0.6rem;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 2;
                                overflow: hidden;
                                color: #676363;
                            }

                            .mobile_time {
                                font-size: 0.22rem;
                                text-align: right;
                                color: #999;
                                padding-top: 0.35rem;
                                padding-bottom: 0.25rem;
                            }

                            .item_more {
                                display: none;
                            }
                        }
                    }
                }

                .news_box_right2 {
                    .news_box_right_silide {
                        padding: 0 0.3rem;
                        box-sizing: border-box;
                        background: #f8f8f8;
                        margin-bottom: 0.2rem;

                        h4 {
                            margin-top: 0.4rem;
                            font-size: 0.3rem;
                        }

                        p {
                            margin-top: 0.28rem;
                            font-size: 0.24rem;
                            padding-bottom: 0.2rem;
                        }
                    }
                }
            }

            .more {
                font-size: 0;
                color: #000;
                display: block;
                left: 0;
                width: 100%;
                margin: 0 auto;
                text-align: center;
                @include line-hight(1.13rem);

                span {
                    font-size: 0.24rem;
                }

                i {
                    display: inline-block;
                    width: 0.2rem;
                    height: 0.2rem;
                    margin-left: 0.12rem;
                    @include bg("assets/images/bottom_more_black.png");
                }
            }
        }

        .contact {
            // overflow: hidden;
            position: relative;
            @include title_h1(#aa171f, #ffffff, #ffffff);
            @include bg("assets/images/contact_mobile_bg.jpg");
            color: #fff;

            .contact_box {
                max-width: 1200px;
                padding: 0.5rem 0.3rem;
                margin: 0 auto;
                display: grid;
                height: 2.4rem;
                grid-template-rows: repeat(2, 1fr);
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 0.3rem 0.2rem;
                
                .select {
                    box-sizing: border-box;
                    padding: 0 0.3rem;
                    width: 100%;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    .el-select {
                        width: 100%;
                    }
                }
    
                .contact_left_item {
                    font-size: 0.3rem;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    img {
                        width: 0.46rem;
                        height: 0.46rem;
                        margin-right: 0.12rem;
                    }
    
                    &::after {
                        display: none;
                    }
                }
            }

            
        }
    }
}

@mixin home_sm {
    .home {
        position: relative;

        .swiping {
            width: 100%;
            height: calc(100vh - 0.88rem);

            .swiper-pagination {
                display: none;
            }
        }

        .swiper-num {
            display: none;
        }

        .swiper_more {
            height: 1.23rem;
            display: flex;
            flex-direction: column;
            font-size: 0.24rem;
            color: #fff;
            position: absolute;
            left: 50%;
            transform: translate(-50%, 0);
            top: calc(100vh - 2.1rem);
            z-index: 99;

            img {
                width: 0.3rem;
                height: 0.46rem;
                margin: 0 auto;
                animation: mobile_more 1s infinite;
            }

            p {
                margin-top: 0.24rem;
            }
        }

        .about {
            @include title_h1(#aa171f, #363434, #292929);
            position: relative;
            min-height: 10.53rem;

            .introduce {
                width: 100%;
                // display: block;
                position: absolute;
                top: 7.68rem;

                .introduce_fan {
                    width: 100%;
                }

                h3 {
                    display: none;
                }

                p {
                    height: 1.5rem;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 4;
                    overflow: hidden;
                    color: #333333;
                    font-size: 0.28rem;
                    box-sizing: border-box;
                    padding: 0 0.32rem;
                    text-indent: 0.5rem;
                }

                .more {
                    color: #000;
                    font-size: 0;
                    text-align: center;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    padding-top: 0.46rem;
                    margin: 0 auto;
                    display: block;

                    span {
                        font-size: 0.24rem;
                    }

                    .red_you {
                        display: inline-block;
                        width: 0.2rem;
                        height: 0.2rem;
                        margin-left: 0.08rem;
                        @include bg("assets/images/more_mobal.png");
                    }
                }

                .point {
                    display: none;
                }
            }

            .logo2 {
                display: none;
            }

            .about_base {
                display: none;
            }

            .details_nav {
                width: 6.9rem;
                height: 5.46rem;
                margin: 0 auto;
                margin-top: 0.44rem;
                text-align: center;
                @include bg("assets/images/about_bg_Mobile.png");

                video {
                    width: 6.27rem;
                    height: 3.62rem;
                    margin-top: 0.33rem;
                    background: #000;
                }

                .nav_list {
                    width: 100%;
                    font-size: 0.28rem;
                    color: #fff;
                    position: relative;

                    .swiper-container {
                        width: 6.27rem;
                        margin: 0 auto;
                    }

                    img {
                        width: 0.6rem;
                        height: 0.6rem;
                    }

                    .prev {
                        left: 0;
                    }

                    .next {
                        right: 0;
                    }

                    .prev,
                    .next {
                        &::after {
                            font-size: 0.36rem;
                            color: #fff;
                        }
                    }

                    .slide_item {
                        p {
                            color: #fff;
                        }
                    }
                }
            }
        }

        .service {
            width: 100%;
            height: 9.66rem;
            position: relative;
            @include bg("assets/images/service_bg_mobile.jpg");
            @include title_h1(#aa171f, #ffffff, #ffffff);

            .service_list {
                border-top: 0.01rem solid #ffffff;
                width: 100%;

                &:nth-child(2n + 2) .service_item_modile {
                    border-left: 0.01rem solid #fff;
                }

                .service_item_modile {
                    font-size: 0.3rem;
                    color: #fff;
                    width: 50%;
                    box-sizing: border-box;
                    float: left;
                    height: 2.43rem;
                    padding-left: 0.6rem;
                    border-bottom: 0.01rem solid #fff;

                    .service_slide {
                        height: auto;

                        .more {
                            display: none;
                        }

                        p {
                            padding-top: 0.35rem;
                        }

                        .service_slide_more {
                            display: none;
                        }

                        span {
                            position: relative;
                            display: block;
                            margin-top: 0.7rem;

                            &::after {
                                position: absolute;
                                left: 0;
                                bottom: -0.15rem;
                                content: "";
                                display: block;
                                width: 0.25rem;
                                height: auto;
                                border-bottom: 0.01rem solid #fff;
                                background: #fff;
                            }
                        }
                    }
                }

                .more {
                    width: 50%;
                    font-size: 0.3rem;
                    color: #fff;
                    box-sizing: border-box;
                    padding-left: 0.6rem;
                    height: 2.42rem;
                    // @include line-hight(2.42rem);
                    display: block;
                    background: #aa171f;
                    float: left;
                    padding-top: 1.22rem;

                    span {
                        display: inline-block;
                    }

                    i {
                        display: inline-block;
                        width: 0.31rem;
                        height: 0.07rem;
                        @include bg("assets/images/bottom_more_white.png");
                    }
                }
            }
        }

        .global {
            @include title_h1(#aa171f, #363434, #292929);

            .title {
                width: 6.04rem;

                p {
                    text-align: center;
                }
            }

            .global_search {
                position: relative;
                @include line-hight(0.77rem);
                font-size: 0;
                padding: 0 0.3rem;
                position: absolute;
                font-size: 0;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                z-index: 10000;
                left: 50%;
                transform: translate(-50%, 10px);
                width: 6.4rem;

                .global_select {
                    width: 100%;
                    height: 100%;
                    background: rgba($color: #000000, $alpha: 0.45);
                }

                input {
                    width: 100%;
                    height: 100%;
                    background: rgba($color: #000000, $alpha: 0.45);
                    border: none;
                    box-sizing: border-box;
                    padding: 0 0.2rem;
                }

                input:focus {
                    outline: none;
                    border: none;
                }
            }

            .global_box {
                width: 100%;
                height: 6rem;
                margin: 0 auto;
                margin-top: 0.1rem;
                position: relative;
                box-sizing: border-box;
                padding: 0 0.1rem;

                border: 0.01rem solid #ccc;

                // border-right: 0.01rem  solid #ececec;
                .global_box_bg {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: -0.1rem;
                    @include bg("assets/images/global_bg.png");
                }
            }

            .more {
                // position: absolute;
                // bottom: 0;
                font-size: 0;
                color: #000;
                display: block;
                left: 0;
                width: 100%;
                margin: 0 auto;
                text-align: center;
                @include line-hight(1.13rem);

                span {
                    font-size: 0.24rem;
                }

                i {
                    display: inline-block;
                    width: 0.2rem;
                    height: 0.2rem;
                    margin-left: 0.12rem;
                    @include bg("assets/images/bottom_more_black.png");
                }

                // display: none;
            }
        }

        .honor {
            width: 100%;
            height: 8.53rem;
            @include title_h1(#aa171f, #ffffff, #ffffff);
            @include bg("assets/images/honor_mobile_bg.jpg");

            .honor_list {
                width: 100%;
                box-sizing: border-box;
                padding: 0 0.3rem;
                margin-top: 0.6rem;
                position: relative;

                .swiper-slide {

                    width: 3.46rem;

                }

                .prev {
                    display: none;
                }

                .next {
                    display: none;
                }

                .honor_item {
                    display: block;
                    width: 100%;
                    // box-sizing: border-box;
                    // padding: 0 10px;
                    font-size: 0;

                    img {
                        width: 100%;
                        height: 2.71rem;
                    }

                    .imgBox {
                        width: 100%;
                        height: 2.6rem;
                        background-size: cover;
                        background-position: center;
                    }

                    p {
                        @include line-hight(0.6rem);
                        font-size: 0.24rem;
                        box-sizing: border-box;
                        padding: 0.18;
                        text-align: center;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        background: #fff;
                    }
                }
            }

            .honor_time {
                position: relative;
                left: 50%;
                top: 0rem;
                transform: translate(-50%, 0);
                width: 100%;
                box-sizing: border-box;
                padding: 0 0.3rem;

                .swiper-slide {
                    width: 20% !important;
                }

                .honor_item {
                    height: 100%;
                }

                .swiper-container {
                    padding: 0 0.2rem;
                    height: 1.5rem;
                }

                .round {
                    position: absolute;
                    left: -0.09rem;
                    top: 0.75rem;
                    width: 0.2rem;
                    height: 0.2rem;
                    border-radius: 50%;
                    background: rgba($color: #aa171f, $alpha: 0.4);

                    &::after {
                        content: "";
                        display: block;
                        position: absolute;
                        width: 0.1rem;
                        height: 0.1rem;
                        border-radius: 50%;
                        left: 50%;
                        top: 50%;
                        margin-left: -0.05rem;
                        margin-top: -0.05rem;
                        background: #aa171f;
                    }
                }

                img {
                    width: 100%;
                    display: block;
                    margin-top: 0.5rem;
                }

                p {
                    padding-top: 0.2rem;
                    position: absolute;
                    left: -0.2rem;
                    font-size: 0.24rem;
                    color: #fff;
                }

                .prev {
                    left: 0;
                }

                .next {
                    right: 0;
                }

                .prev,
                .next {

                    // left: -0.5rem;
                    &::after {
                        color: #fff;
                        font-size: 0.16rem;
                    }
                }
            }

            .more {
                font-size: 0;
                color: #fff;
                display: block;
                left: 0;
                width: 100%;
                margin: 0 auto;
                text-align: center;
                @include line-hight(1.13rem);

                span {
                    font-size: 0.24rem;
                }

                i {
                    display: inline-block;
                    width: 0.2rem;
                    height: 0.2rem;
                    margin-left: 0.12rem;
                    @include bg("assets/images/bottom_more_white.png");
                }
            }
        }

        .activity {
            width: 100%;
            //height: 12.44rem;
            height: 6.7rem;
            position: relative;
            @include title_h1(#aa171f, #363434, #292929);
            @include bg("assets/images/activity_mobile_bg.png");

            .activity_box {
                width: 100%;
                // height: 666px;
                margin: 0 auto;
                margin-top: 0.6rem;
                box-sizing: border-box;
                padding: 0 0.3rem;

                .activity_tu {
                    // float: left;
                    width: 100%;
                    height: 3.62rem;
                    position: relative;

                    // @include bg("assets/images/activity_tu.png");
                    .activity_tu_bg {
                        width: 100%;
                        height: 100%;
                    }

                    .activity_info {
                        position: absolute;
                        bottom: 0;
                        width: 100%;
                        font-size: 0.3rem;
                        color: #fff;

                        .activity_text {
                            margin-top: 0.33rem;
                            float: left;
                            width: calc(100% - 1.72rem);
                            height: 0.98rem;
                            box-sizing: border-box;
                            padding: 0.3rem 0.48rem 0.3rem 0.28rem;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            background: rgba(0, 0, 0, 0.23);
                        }

                        .activity_time {
                            float: left;
                            position: absolute;
                            right: 0;
                            bottom: 0;
                            width: 1.72rem;
                            height: 1.31rem;
                            background: #aa171f;
                            text-align: center;

                            span {
                                display: inline-block;
                                width: 1rem;
                                @include line-hight(0.75rem);
                                font-size: 0.26rem;
                                border-bottom: 0.01rem solid #c1c5cd;
                            }

                            div {
                                @include middle();
                                margin-top: 0.19rem;
                                // @include line-hight(40px);
                                font-size: 0.3rem;
                            }
                        }
                    }
                }

                .activity_signUp {
                    // float: left;
                    width: 100%;
                    height: 6.66rem;
                    position: relative;
                    @include bg("assets/images/signUp_bg.png");

                    h3 {
                        color: #aa171f;
                        font-size: 0.36rem;
                        text-align: center;
                        width: 100%;
                        box-sizing: border-box;
                        padding-top: 0.54rem;
                        padding-bottom: 0.61rem;
                    }

                    .input_item {
                        width: 100%;
                        box-sizing: border-box;
                        padding-right: 0.38rem;
                        padding-left: 0.35rem;
                        padding-bottom: 0.3rem;
                        display: flex;
                        justify-content: flex-start;

                        span {
                            width: 1.02rem;
                            // display: inline-block;
                            box-sizing: border-box;
                            padding-right: 0.2rem;
                            text-align: right;
                            @include line-hight(0.6rem);
                            font-size: 0.18rem;
                            color: #696969;
                            // float: left;
                        }

                        input {
                            width: calc(100% - 1.1rem);
                            // float: left;
                            border: none;
                            background: #f8f8f8;
                            @include line-hight(0.6rem);
                        }
                    }

                    .submit {
                        cursor: pointer;
                        background: #aa171f;
                        color: #fff;
                        font-size: 0.24rem;
                        width: 5.05rem;
                        @include line-hight(0.8rem);
                        text-align: center;
                        // box-sizing: border-box;
                        margin-left: 1.4rem;
                        border-radius: 0.04rem;
                    }

                    p {
                        font-size: .18rem;
                        color: #414141;
                        margin-left: .5rem;
                        // margin-right: .38rem;
                        margin-top: .2rem;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 1;
                        overflow: hidden;
                    }
                }
            }

            .more {
                position: absolute;
                bottom: 0.2rem;
                font-size: 0;
                color: #000;
                display: block;
                left: 0;
                width: 100%;
                margin: 0 auto;
                text-align: center;
                @include line-hight(1.13rem);

                span {
                    font-size: 0.24rem;
                }

                i {
                    display: inline-block;
                    width: 0.2rem;
                    height: 0.2rem;
                    margin-left: 0.12rem;
                    @include bg("assets/images/bottom_more_black.png");
                }
            }
        }

        .news {
            @include title_h1(#aa171f, #363434, #292929);

            .news_box {
                width: 100%;

                .news_box_left {
                    background: none;
                    width: 100%;
                    padding: 0 0.3rem;
                    box-sizing: border-box;

                    .news_options {
                        width: 100%;
                        height: 1.28rem;
                        display: flex;
                        justify-content: space-around;
                        align-items: center;

                        .news_options_item {
                            width: 1.5rem;
                            @include line-hight(0.5rem);
                            font-size: 0.3rem;
                            color: #333333;
                            border: 0.01rem solid #b1b1b1;
                            text-align: center;

                            img {
                                display: none;
                            }
                        }

                        .news_options_item_active {
                            background: #aa171f;
                            color: #fff;
                        }
                    }
                }

                .news_box_right {
                    .news_box_right_silide {
                        background: #f8f8f8;
                        margin-bottom: 0.2rem;

                        .slide_left {
                            display: none;
                        }

                        .slide_right {
                            padding: 0 0.3rem;
                            box-sizing: border-box;

                            h4 {
                                @include line-hight(1.05rem);
                                font-size: 0.3rem;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }

                            p {
                                font-size: 0.24rem;
                                height: 0.6rem;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 2;
                                overflow: hidden;
                                color: #676363;
                            }

                            .mobile_time {
                                font-size: 0.22rem;
                                text-align: right;
                                color: #999;
                                padding-top: 0.35rem;
                                padding-bottom: 0.25rem;
                            }

                            .item_more {
                                display: none;
                            }
                        }
                    }
                }

                .news_box_right2 {
                    .news_box_right_silide {
                        padding: 0 0.3rem;
                        box-sizing: border-box;
                        background: #f8f8f8;
                        margin-bottom: 0.2rem;

                        h4 {
                            margin-top: 0.4rem;
                            font-size: 0.3rem;
                        }

                        p {
                            margin-top: 0.28rem;
                            font-size: 0.24rem;
                            padding-bottom: 0.2rem;
                        }
                    }
                }
            }

            .more {
                font-size: 0;
                color: #000;
                display: block;
                left: 0;
                width: 100%;
                margin: 0 auto;
                text-align: center;
                @include line-hight(1.13rem);

                span {
                    font-size: 0.24rem;
                }

                i {
                    display: inline-block;
                    width: 0.2rem;
                    height: 0.2rem;
                    margin-left: 0.12rem;
                    @include bg("assets/images/bottom_more_black.png");
                }
            }
        }

        .contact {
            // overflow: hidden;
            position: relative;
            @include title_h1(#aa171f, #ffffff, #ffffff);
            @include bg("assets/images/contact_mobile_bg.jpg");
            color: #fff;

            .contact_box {
                padding: 0.5rem 0.3rem;
                margin: 0 auto;
                display: grid;
                grid-template-rows: repeat(4, 1fr);
                grid-template-columns: repeat(1, 1fr);
                grid-gap: 0.3rem 0.2rem;
                .select {
                    width: 100%;
                    box-sizing: border-box;
                    padding: 0 0.3rem;
                    margin-top: 0.2rem;    
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    .el-select {
                        width: 100%;
                    }
                }
                .contact_left_item {
                    font-size: 0.3rem;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    margin-top: 0.2rem;    
                    img {
                        width: 0.46rem;
                        height: 0.46rem;
                        margin-right: 0.12rem;
                    }
    
                    &::after {
                        display: none;
                    }
                }
            }
        }
    }
}

@keyframes mobile_more {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
}

//* 设备宽度大于 320px 小于 640px */
@media only screen and (min-width: 320px) and (max-width: 640px) {
    @include home_sm;
}

@media only screen and (min-width: 641px) and (max-width: 1199px) {
    @include home_md;

    .home {
        .service {
            height: auto;

            .service_list {
                display: flex;
                justify-content: space-around;
                flex-wrap: wrap;
                border-top: none;
                padding-bottom: 60px;

                .service_item,
                .service_item2 {
                    width: 50%;
                    float: none;

                    .service_slide {
                        padding-left: 30px;
                    }

                    &:nth-child(2n) {
                        border-left: 1px solid #c1c5cd;
                    }
                }
            }
        }

        .global {
            .global_box {
                max-width: 90%;
            }

            .global_search {
                width: 500px;
            }
        }

        .news {
            .news_box {
                .news_box_left {
                    min-width: 250px;
                }

                .news_box_right {
                    .news_box_right_silide {
                        // width: 100%;
                        height: auto;
                        // padding-top: 0;
                        padding: 0 10px;

                        .slide_right {
                            h4 {
                                height: 40px;
                                line-height: 40px;
                            }

                            p {
                                padding-top: 10px;
                                margin-top: 0;
                            }

                            .item_more {
                                margin-top: 20px;
                            }
                        }
                    }
                }
            }
        }

        .contact {
            padding-bottom: 20px;

            .contact_box {
              padding: 0.4rem 0.3rem;
            }
        }
    }
}

@media screen and (min-width: 1200px) {
    @include home_lg;

    .home .global .global_box {
        max-width: 1100px;
    }
}

@media screen and (min-width: 1477px) {
    .home .global .global_box {
        max-width: 1477px;
    }
}